/*
 * Copyright (c) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.container {
    height: 100%;
    width: 100%;
    flex-direction: column;
}

.title {
    height: 70vp;
    width: 100%;
    flex-direction: row;
}

.title-left,.title-right {
    width: 15%;
}

.title-left text,.title-right text {
    width: 100%;
    height: 100%;
    color: #a0a0a0;
    text-align: center;
    font-size: 18fp;
    align-items: center;
}

.title-center {
    width: 70%;
}

.title-center text {
    width: 100%;
    height: 100%;
    color: #222222;
    font-size: 22fp;
    text-align: center;
}

.divider {
    color: #eeeeee;
    stroke-width: 1vp;
    line-cap: round;
}

.list-title {
    height: 40vp;
    width: 100%;
    flex-direction: row;
}

.list-title-left,.list-title-center {
    width: 37%;
}

.list-title-left text,.list-title-center text {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16fp;
    align-items: center;
    text-overflow: ellipsis;
    max-lines: 1;
}

.list-title-left text {
    color: #222222;
}

.list-title-center text {
    color: #555555;
}

.list-title-right {
    width: 26%;
    padding-left: 5vp;
}

.list-title-right text {
    width: 100%;
    height: 100%;
    font-size: 16fp;
}

.contact {
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.list-item {
    height: 40vp;
    width: 100%;
    flex-direction: column;
}

.list-item-data {
    flex-direction: row;
}

.list-item-divider {
    color: #eeeeee;
    stroke-width: 1vp;
    line-cap: round;
    margin-left: 20vp;
    margin-right: 20vp;
}

.edit {
    color: #00dddd;
}

.delete {
    color: #cc0000;
}

.dialog-main {
    width: 100%;
    margin-bottom: 25%;
}

.dialog-div {
    flex-direction: column;
    align-items: center;
}

.inner-txt {
    font-size: 18fp;
    margin-top: 25vp;
    margin-bottom: 25vp;
}

.inner-btn input {
    height: 40vp;
    width: 80%;
    margin-bottom: 40vp;
    margin-top: 20vp;
    background-color: #00dddd;
}

#deleteDialog .inner-btn input {
    margin-bottom: 30vp;
    width : 40%;
    margin-left : 5vp;
    margin-right : 5vp;
}

#deleteDialog .inner-txt {
    margin-bottom: 60vp;
    margin-top: 30vp;
    font-size: 22fp;
}

.dialog-input {
    width: 100%;
    height: 60vp;
    font-size: 16fp;
    flex-direction: row;
}

.dialog-input text {
    color: #222222;
    width: 25%;
    text-align: center;
}

.dialog-input input {
    width: 75%;
    margin-right: 19vp;
}

.delete-dialog-main {
    width: 70%;
    height: 30%;
    margin-bottom: 40%;
}